<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/jquery-3.3.1.js"></script>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/login.css">
    <script src="../js/cookie/jquery.cookie.js"></script>
    <script src="../js/layer/layer.js"></script>
    <script src="../js/login/login.js"></script>
</head>

<body>
    <header></header>
    <section>
        <div class="left">
        </div>
        <div class="right">
            <form class=logform>
                <div class="area-title">
                    <span class="toregin">
                        <span>还没账号？</span>
                        <a href="./reg.html" class="reg">立即注册</a>
                    </span>
                    登陆贝贝
                </div>
                <!-- 用户名登录框 -->
                <div class="inp_group">
                    <label class="group_label">
                        <span class="user ic"> </span>
                        <input type="text" class="ipt-input username" placeholder="您的手机号 / 邮箱" value="">
                    </label>
                    <div class="unameTxt"></div>
                </div>
                <!-- 密码输入框 -->
                <div class="inp_group">
                    <label class="group_label">
                        <span class="lock ic"> </span>
                        <input type="password" class="ipt-input userpwd" placeholder="密码" value="">
                    </label>
                    <div class="upwdTxt"></div>
                </div>
                <!-- 滑入解锁 -->
                <p class="phoneyanzheng clearFixed">
                    <span class="yangzhengbox">
                        <span class="hideyangzhengbox"></span>
                        <span class="yanzhengbtn">>></span> <i id="codetxt">请按住滑块，拖动到最右边</i></span>
                        <div class="btnTxt"></div>
                </p>
                <div class="maticreg ipt-tip">
                    <a href="javascript:;;" class="forgive">忘记密码</a>
                    <input type="checkbox" name="remeber" id="remeber">自动登录
                </div>
                <div class="loginbuttn">
                    <input type="button" id="butn" value="登录">
                </div>
                <div class="ways">
                    <span class="methood">
                        快捷登录方式：
                    </span>
                    <a href="javascript:;;" class="qq">
                    <a href="javascript:;;" class="weixin"></a>
                </div>
            </form>
        </div>
    </section>
    <footer></footer>
</body>

</html>
<script>
    $(function () {
        $("header").load("./lorehead.html");
        $("footer").load("./index1foot.html")
    })
</script>